<template>
  <div :title="title">
    <el-button :="$attrs">Child Test</el-button>
  </div>
</template>

<script setup>
//引入useAttrs方法：获取组件标签身上属性与事件
import { useAttrs } from "vue";
let $attrs = useAttrs(); //此方法执行返回一个对象

//万一用props接受title
let props = defineProps(["title"]);
console.log(props);
console.log($attrs);
//props.与useAttrs方法都可以获取父组件传递过来的属性与属性值
//但是props接受了useAttrs方法就获取不到了
// const handler = () => {
//   alert("hintbutton");
// };

</script>
